<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head><meta charset="utf-8" />
		<title>盒子模型</title>
		<style>
			.box1 {
				/* border.width:10px;
				   border-color:red;
				    border-style:solid; *//* 实线 */ 
				/* 边框的复合写法：
					border：颜色 粗细 样式；（顺序不论）*/
				/* solid：实践  dashed：虚线	dotted：点线 	px：像素*/
				/* 颜色的写法：：
				 颜色的英语单词，rgb（0~255）
				 rgb（53，150，241）
				 */
				border: 1px solid #e370ff;
				width: 200px;	/* 宽,像素 */
				height: 300px;	/* 高,像素 */	
				/* padding: 20px; */
				/* top：上	left：左		bottom：下 	right：右	center：居中*/
				
				/*  */
			}
		</style>
	</head>
	<body>
		<diy class="box1">
			hello world!
		</diy>

	<body>
</html>
